.el-header {
  position: absolute;
  background-color: #fffdf4;
  color: #fff;
  text-align: left;
  line-height: 50px;
  top: 0px;
  left: 250px;
  right: 0px;
  height: 50px;
}

.el-header-no {
  position: absolute;
  background-color: #fffdf4;
  color: #fff;
  text-align: left;
  line-height: 50px;
  top: 0px;
  left: 64px;
  right: 0px;
  height: 50px;
}

.header {
  top: 0px;
  // height: 106px;
  left: 10%;
  width: 70px;
  margin-bottom: 20px;
}

.headerno {
  position: absolute;
  text-align: center;
  font-weight: bold;
  top: 0px;
  height: 50px;
  left: 0px;
  width: 250px;
  background-color: #fffdf4;
  font-size: 20px;
}

.item {
  height: 24px;
  width: 25px;
  position: absolute;
  text-align: center;
  margin-top: 3px;
  color: #999999;
}

.el-aside {
  position: absolute;
  background-color: #fffdf4;
  color: #fff;
  text-align: left;
  line-height: 200px;
  width: 250px;
  top: 110px;
  left: 0px;
  height: 100vh;
  overflow: hidden;

}

.aside-div {
  width: 250px;
  height: 80px;
}

.aside-div-one {
  width: 50px;
  border: 5px solid rgba(255, 255, 255, 0.1);
  height: 50px;
  margin-top: 11px;
  margin-left: 15px;
  border-radius: 50px;
  float: left;
}

::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 6px;
}

::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1);
  background: #ffba88;
}

::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(87, 175, 187, 0.1);
  border-radius: 10px;
  background: #FBF1DE;
}

.aside-div-two {
  float: left;
  width: 140px;
  height: 50px;
  margin-top: 17px;
  margin-left: 10px;
}

.aside-div-three {
  width: 18%;
  height: 24px;
  float: left;
}

.aside-div-four {
  width: 18%;
  height: 24px;
  float: left;
  margin-left: 10px;
}

.el-main {
  position: absolute;
  background-color: #F0F2F5;
  color: #333;
  text-align: center;
  top: 50px;
  left: 250px;
  right: 0px;
  height: 100vh;
  padding: 0;
  overflow: scroll;
}

.el-main-no {
  position: absolute;
  background-color: #F0F2F5;
  color: #333;
  text-align: center;
  top: 50px;
  left: 64px;
  right: 0px;
  height: 100vh;
}

.menu-wrapper {
  overflow: hidden;
}

body>.el-container {
  margin-bottom: 40px;
}

.el-container:nth-child(5) .el-aside,
.el-container:nth-child(6) .el-aside {
  line-height: 260px;
}

.el-container:nth-child(7) .el-aside {
  line-height: 320px;
}

.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 250px;
  min-height: 400px;
}

.el-menu {
  background-color: #fffdf4;

}

.el-submenu__title,
.el-menu-item-group__title,
.el-submenu,
.el-menu-item {
  color: #fff;
}

/* 改变elementui 侧边栏移入颜色 */
.el-menu-item:hover {
  background: #F8F3D7 !important;
  color: #202020 !important;
}

.el-submenu__title:hover {
  background: #F8F3D7 !important;
  color: #202020 !important;
}

.el-menu-item.is-active {
  background: #F8F3D7 !important;
  color: #202020 !important;
}

.el-submenu__title.is-active {
  background: #F8F3D7 !important;
  color: #202020 !important;
}

.el-submenu__title i {
  color: #202020;
}

.el-menu-item.is-active i {
  color: #FF5F04 !important;
}

/*由于 element-ui 的<el-menu>标签本身希望里面嵌套的是<el-menu-item>,<el-submenu>,<el-menu-item-group>之一，但是却嵌套了<div>,而导致收折就隐藏不了文字*/
/*隐藏文字*/
.el-menu--collapse .el-submenu__title span {
  display: none;
}

/*隐藏 > */
.el-menu--collapse .el-submenu__title .el-submenu__icon-arrow {
  display: none;
}


/* 文字 */
.company {
  position: absolute;
  color: white;
}

/* 下拉菜单 */
.el-dropdown {
  float: right;
  /* 浮动在右边 */
  margin-top: 3px;
}

/* 系统管理 */
.el-dropdown-link {
  color: white;
  cursor: pointer;
  /* 鼠标放上去是手的形状 */
}

.item {
  margin-top: 10px;
  margin-right: 40px;
}

.el-badge__content--primary {
  background-color: #488C6C;
}

.el-badge__content.is-fixed {
  top: 8px;
  right: 46px;
}

.el-menu-item,
.el-submenu__title {
  height: 52px;
}


.el-jst-2 {
  margin-top: 2px;
  width: 30px;
  height: 30px;
  margin-top: 10px;
  float: left;
}

.el-jst-3 {
  float: left;
  margin-left: 10px;
}

.el-jst-5 {
  background-color: #fff;
  border: 0;
  color: white;
  font-size: 18px;
  margin-left: -18px;
  float: left;
}

.el-jst-6 {
  margin-top: 18px;
  float: left;
}

.el-breadcrumb__inner.is-link {
  color: #909399;
  font-weight: 400;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, 微软雅黑, Arial, sans-serif;
}

.tagnavigation {
  width: 100%;
  height: 40px;
  border-top: 1px solid #F4F4F4;
  background-color: white;
  text-align: left;
}



.tabs {
  margin-left: 15px;
}

.tabs .el-tag {
  height: 40px;
  padding: 10px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 0;
  border: 0px;
  cursor: pointer;
}

.tag-arrow-left {
  height: 40px;
  float: left;
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 10px;
  padding-left: 15px;
  padding-right: 15px;
  border: 0;
}

.tag-arrow-right {
  height: 40px;
  float: right;
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 10px;
  padding-left: 15px;
  padding-right: 15px;
  border: 0;
  margin-right: 2px;
}

.el-tag--plain .el-tag__close {
  color: #C0C2C5;
}

.el-tag--dark .el-tag__close {
  color: #C0C2C5;
}

.el-tag--plain .el-tag__close:hover {
  background-color: #E74C3C;
}

.el-tag--dark .el-tag__close:hover {
  background-color: #E74C3C;
}

.el-tag--dark {
  background-color: #E6F7FF;
  color: #1890FF;
  border-bottom: 2px solid #1890FF !important;
}

.el-tag--plain {
  color: #909399;
}

.el-dropdown-link-s {
  cursor: pointer;
  color: #409EFF;
  width: 40px;
  height: 40px;
  float: right;
  font-size: 22px;
}

.el-icon-arrow-down el-icon--right {
  font-size: 18px;
}

.el-icon-arrow-down {
  font-size: 12px;
}
.btn-bell{
  float:right;
  margin-top:2px;
  margin-right:10px;
}
.btn-bell-badge{
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #f56c6c;
  color: #fff;
  float: right;
  margin-top: 14px;
}
